<div>
    <div class="cockpit-header">
        数字物联驾驶舱
    </div>
    <div id="webgl-scene"></div>
    <div class="cockpit-left">
        <div class="cockpit-menu">
            <div class="c-menu-item" :class="{'active':item.sceneId == cockpitInfo.sceneId}" v-for="(item,index) in cockpitInfo.datas" :key="index">
                <div class="title flex justify-start" @click="_changeScene(item)">
                    <div class="bg " :class="{'bg-a':item.sceneId == cockpitInfo.sceneId}">
                        <span class="fa fa-globe"></span>
                    </div>
                    <div class="t-text">{{item.sceneName}}</div>
                </div>
                <!-- <p class="title-sub">Park Homepage</p> -->
            </div>
        </div>
    </div>
    <div class="cockpit-right">
        <div v-if="cockpitInfo.curType == 'floor'">
            <vc:create path="3d/cockpitRightFLoor"></vc:create>
        </div>
        <div v-if="cockpitInfo.curType == 'room'">
            <vc:create path="3d/cockpitRightRoom"></vc:create>
        </div>
        
    </div>
    <div class="cockpit-bottom"></div>

</div>